<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>欧度男装</title>
    <meta name="keywords" content="欧度男装"/>
    <meta name="description" content="欧度男装"/>
    <meta name="apple-mobile-web-app-title" content="欧度男装"/>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta http-equiv="x-ua-compatible" content="IE=Edge,chrome=1"/>

    <link rel="stylesheet" href="./static/css/swiper.min.css"/>
    <link rel="stylesheet" href="./static/css/amazeui.min.css"/>
    <link rel="stylesheet" href="./static/icomoon/style.css"/>
    <link rel="stylesheet" href="./static/css/common.css"/>
    <link rel="stylesheet" href="./static/css/ouhteu.css"/>
    
    <script type="text/javascript" src="./static/js/jquery-1.11.3.min.js"></script>
	<script type="text/javascript" src="./static/js/swiper.min.js"></script>
    <script type="text/javascript" src="./static/js/amazeui.min.js"></script>
	<script type="text/javascript" src="./static/js/common.js"></script>
</head>
<body>
<header class="headerwithback">
    <div class="header_top">
        <a href="./menu.html"><i class="icon-bars"></i></a>
        <p>悠品力荐</p>
        <a href="./alarm.html"><i class="icon-bell-o"></i></a>
    </div>    
</header>
<div class="headerHold"></div>
<ul class="nav clearfix">
     <li class="active">
        <a href="./index.html">首页</a>
    </li>
    <li>
        <a href="./index_my.html">我的衣橱</a>
    </li>
    <li>
        <a href="./index_new.html">新品上市</a>
    </li>
    <li>
        <a href="./index_all.html">产品信息</a>
    </li>
</ul>
<div class="swiper-container">
	<div class="swiper-wrapper">
		<div class="swiper-slide">
			 <a href="./detail.html">
		        <img src="./static/images/big_2.jpg"/>
		    </a>
		</div>

		<div class="swiper-slide">
		    <a href="./detail.html">
		        <img src="./static/images/big_1.jpg"/>
		    </a>
		</div>
	</div>
</div>
<div class="swiper-pagination"></div>
<div class="flex-wrap"  data-am-scrollspy="{animation:slide-botto, repeat: false}" class="am-scrollspy-init am-scrollspy-inview am-animation-slide-bottom">
    <a href="./detail.html" class="list_3col"><img src="./static/images/s_1.jpg"/></a>
    <a href="./detail.html" class="list_3col"><img src="./static/images/s_1.jpg"/></a>
    <a href="./detail.html" class="list_3col"><img src="./static/images/s_1.jpg"/></a>
    <a href="./detail.html" class="list_3col"><img src="./static/images/s_2.jpg"/></a>
    <a href="./detail.html" class="list_6col"><img src="./static/images/s_3.jpg"/></a>
    <a href="./detail.html" class="list_3col"><img src="./static/images/s_1.jpg"/></a>
    <a href="./detail.html" class="list_3col"><img src="./static/images/s_1.jpg"/></a>
    <a href="./detail.html" class="list_3col"><img src="./static/images/s_1.jpg"/></a>
    <a href="./detail.html" class="list_6col"><img src="./static/images/s_3.jpg"/></a>
    <a href="./detail.html" class="list_3col"><img src="./static/images/s_2.jpg"/></a>

<div>
<script>
    $(function () {
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            paginationClickable: true
        });
    });
</script>
</body>
</html>
